<template>
  <el-row style="background:white">
    <el-row :gutter="20">
      <el-alert :title="taskLogInfo.name" type="warning" :closable="false" show-icon></el-alert>
    </el-row>
    <el-col :xl="4" :md="6" v-for="item in sruveyList" :key="item.code">
      <el-card :body-style="{ padding: '0px' }" style="margin-left:5px;margin-top:3px;cursor:pointer;">
        <el-row>
          <el-col class :span="4">
            <el-image style="width: 3vh; height: 3vh;margin-top:2px" :src="item.iconImg"></el-image>
          </el-col>
          <el-col :span="8">
            <div style="padding-top:0.3vh;font-size:3vh">{{item.value}}</div>
          </el-col>
          <el-col :span="12">
            <div style="padding-top:1vh;color:	#C0C0C0;font-size:1.8vh">{{item.name}}</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col>

    <!-- <el-col :xl="6" :md="8">
      <el-card :body-style="{ padding: '0px' }" style="margin-left:5px;margin-top:3px;cursor:pointer;">
        <el-row>
          <el-col class :span="4">
            <el-image style="width: 3vh; height: 3vh;margin-top:2px" :src="taskLogInfo.iconImg"></el-image>
          </el-col>
          <el-col :span="20">
            <div style="padding-top:1vh;color:	#C0C0C0;font-size:1.8vh">{{taskLogInfo.name}}</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col> -->
    <!-- <el-col :xl="4" :md="6">
      <el-card :body-style="{ padding: '0px' }" style="margin-left:1rem;margin-top:1rem;cursor:pointer;">
        <el-row>
          <el-col class :span="7">
            <el-image style="width: 50px; height: 50px" :src="require('@/imgs/超时.png')"></el-image>
          </el-col>
          <el-col :span="5">
            <div style="padding-top:15px;font-size:25px">45</div>
          </el-col>
          <el-col :span="11">
            <div style="padding-top:20px;color:	#C0C0C0">即将到期</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col>
    <el-col :xl="4" :md="6">
      <el-card :body-style="{ padding: '0px' }" style="margin-left:1rem;margin-top:1rem;cursor:pointer;">
        <el-row>
          <el-col class :span="7">
            <el-image style="width: 50px; height: 50px" :src="require('@/imgs/超时.png')"></el-image>
          </el-col>
          <el-col :span="5">
            <div style="padding-top:15px;font-size:25px">45</div>
          </el-col>
          <el-col :span="11">
            <div style="padding-top:20px;color:	#C0C0C0">现存风险</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col>
    <el-col :xl="4" :md="6">
      <el-card :body-style="{ padding: '0px' }" style="margin-left:1rem;margin-top:1rem;cursor:pointer;">
        <el-row>
          <el-col class :span="7">
            <el-image style="width: 50px; height: 50px" :src="require('@/imgs/超时.png')"></el-image>
          </el-col>
          <el-col :span="5">
            <div style="padding-top:15px;font-size:25px">45</div>
          </el-col>
          <el-col :span="11">
            <div style="padding-top:20px;color:	#C0C0C0">现存问题</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col>
    <el-col :xl="4" :md="6">
      <el-card :body-style="{ padding: '0px' }" style="margin-left:1rem;margin-top:1rem;cursor:pointer;">
        <el-row>
          <el-col class :span="7">
            <el-image style="width: 50px; height: 50px" :src="require('@/imgs/超时.png')"></el-image>
          </el-col>
          <el-col :span="5">
            <div style="padding-top:15px;font-size:25px">45</div>
          </el-col>
          <el-col :span="11">
            <div style="padding-top:20px;color:	#C0C0C0">今日任务数量</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col>
    <el-col :xl="4" :md="6">
      <el-card :body-style="{ padding: '0px' }" style="margin-left:1rem;margin-top:1rem;cursor:pointer;">
        <el-row>
          <el-col class :span="7">
            <el-image style="width: 50px; height: 50px" :src="require('@/imgs/超时.png')"></el-image>
          </el-col>
          <el-col :span="5">
            <div style="padding-top:15px;font-size:25px">45</div>
          </el-col>
          <el-col :span="11">
            <div style="padding-top:20px;color:	#C0C0C0">今日人力投入</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col> -->
  </el-row>
</template>

<script>
// import { getProjectpInfoSurvey } from '@/api/projectIndexInfo'

// 异常情况概览
export default {
  name: 'exceptionOverview',
  // mixins: [mixin_list],
  data() {
    return {
      sruveyList: [],
      taskLogInfo: {}
    }
  },
  methods: {},
  mounted() { },
  created() { }
}
</script>

<style scoped>
.parentCenter {
  display: flex;

  background: #cecece;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}

.child {
  background: #000;
  width: 10%;
  height: 10%;
}
</style>
